<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/libs/jquery-3.0.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
</head>
<body style="width: 200px;">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
    <img  style="width: 100%;" height="100" data-original="images/bird.png">
<script>
    $(function () {
        $('img').lazyload({
            threshold:200,
            effect:'fadeIn'
        });
    })
</script>
</body>
</html>